﻿    <style type="text/css">
        .container{
            padding: 0 !important;
            width: 100%;
            height: 50px;
            background: gray;
        }
        .container-btn{
            float: left;
            width: 33.3%;
            height: 100%;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            line-height: 50px;
            color: white;
        }
        .container-btn-checked{
            background: rgb(208, 205, 205);
        }
        .media{
            border:1px solid gray;
        }
        .media-left-text{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 1px solid gray;
            background-color: yellow;
            text-align: center;
            line-height: 50px;
            margin: 5px 0 0 5px;
            font-weight: bolder;
        }
        .reward-job{
            font-weight: bolder;
            margin: 15px 0 0 5px;
            float: left;
        }
        .reward-money{
            font-weight: bolder;
            margin: 15px 20px 0 0;
            float: right;
            color: red;
        }
        .reward-money-big{
            display: inline-block;
            font-size: 25px;
        }
        .reward-money-small{
            display: inline-block;
            font-size: 10px;
        }
        .glyphicon{

        }
        </style>
    <div class="media">
        <div class="media-left">
            <div class="media-left-text">赏</div>
        </div>
        <div class="media-body">
            <div class="reward-job">财务总监</div>
            <div class="reward-money">
                <div class="reward-money-small">赏金</div>
                <div class="reward-money-big">¥60000</div>
            </div>
            <div>
                <span class="glyphicon glyphicon-time" aria-hidden="true">一天前</span>
                <span class="glyphicon glyphicon-map-marker" aria-hidden="true">成都</span>
                <span >成都脑门科技有限公司</span>
            </div>
        </div>
    </div>

    <div class="media">
        <div class="media-left">
            <div class="media-left-text">赏</div>
        </div>
        <div class="media-body">
            <div class="reward-job">财务总监</div>
            <div class="reward-money">
                <div class="reward-money-small">赏金</div>
                <div class="reward-money-big">¥60000</div>
            </div>
            <div>
                <span class="glyphicon glyphicon-time" aria-hidden="true">一天前</span>
                <span class="glyphicon glyphicon-map-marker" aria-hidden="true">成都</span>
                <span >成都脑门科技有限公司</span>
            </div>
        </div>
    </div>

    <div class="media">
        <div class="media-left">
            <div class="media-left-text">赏</div>
        </div>
        <div class="media-body">
            <div class="reward-job">财务总监</div>
            <div class="reward-money">
                <div class="reward-money-small">赏金</div>
                <div class="reward-money-big">¥60000</div>
            </div>
            <div>
                <span class="glyphicon glyphicon-time" aria-hidden="true">一天前</span>
                <span class="glyphicon glyphicon-map-marker" aria-hidden="true">成都</span>
                <span >成都脑门科技有限公司</span>
            </div>
        </div>
    </div>

    <nav class="navbar navbar-default navbar-fixed-bottom">
    <div class="container">
    <div class="container-btn container-btn-checked" data-navbar = "index">我要推荐</div>
    <div class="container-btn" data-navbar = "usePeople">我要用人</div>
    <div class="container-btn" data-navbar = "user">个人中心</div>
    </div>
    </nav>
    </body>
    <script type="text/javascript">

        $(".media").on("click",function(){
            window.location.href = "recommendDetail";
        })
        $(".container-btn").on("click",function(){
            window.location.href = $(this).data('navbar');
        })
    </script>
    </html>